import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login'
import Home from '../components/Home'
import Welcome from '../components/Welcome'
import Users from '../components/user/Users'

Vue.use(VueRouter)

  const routes =   [
  // 打开根路径重定向到登陆组件
  {path:'/',redirect:'/login'},
  {path: '/login',component:Login},
  {
    path: '/Home',
    component:Home,
    redirect:'/welcome',
    children:[
    {path:'/Welcome',component:Welcome},
    {path:'/users',component:Users}
  ]}


  
]


const router = new VueRouter({
  routes
})
// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
  // to将要访问的路径 from代表从那个路径跳转而来 next是一个函数，表示放行两种形式 next() 放行 next('./login') 强制跳转
  if(to.path ==='/login') return next()
  // 获取token
  const token = window.sessionStorage.getItem('token')
  if(!token) return next('./login')
  next()
})
export default router
